<%@ include file="/WEB-INF/jsp/tagHTMLLibIncludes.jsp"%>
<div>
   <div id="divMyfriends" class="container dojoDndSource dojoDndTarget dojoDndContainer">
      <c:forEach var="friend" items="${myFriends}">
      <div class="dojoDndItem">
      <div class="box_relation_view">
         <input type="hidden" value="${friend.id}"/>
         <img height="48px" src="getContent/${friend.avatar.contentFile.guid}/small" title="${friend.firstName} ${friend.lastName}" alt="${friend.firstName} ${friend.lastName}">
      </div>
      </div>
      </c:forEach>
      <div class="clear"></div>
   </div>
   <div id="divRelationShip" style="border: 1px solid #8AB0BD;">
      <div style="padding:5px;"><div class="sub_menu_title_right"><a href="#" id="hrefAddRelationship">Tao moi</a></div><div class="clear"></div></div>
      <div id="divRelationshipContentView">
      <c:forEach var="relation" items="${relationships}">
            <div class="box_relation">
               <span style="color:#00a5db;font-size:11px;font-weight:bold;margin-top:0px;">${relation.relationName}</span>
               <div class="box_relation_content container dojoDndSource dojoDndTarget dojoDndContainer" id="relation_${relation.id}">
               <input type="hidden" value="${relation.id}">
               <c:forEach var="friend" items="${relation.friends}">
               <div class="dojoDndItem">
                  <div class="box_relation_view"><input type="hidden" value="${friend.participant.id}"/>
                  <img height="48px" src="getContent/${friend.participant.avatar.contentFile.guid}/small" title="${friend.participant.firstName} ${friend.participant.lastName}" alt="${friend.participant.firstName} ${friend.participant.lastName}">
                  </div>
                  </div>
               </c:forEach>
               </div>
            </div>
      </c:forEach>
      </div>
      <div class="clear"></div>
      <div id="divRelationshipContentForm"></div>
   </div>
</div>
